// 侧边栏主题
body {
  // 菜单上面的logo
  --left-logo: url("@/assets/logo.png") no-repeat center center/cover;
  // 菜单背景
  --left-bg: #ffffff;
  // 菜单文字颜色
  --left-color: #ffffff;
  // 图片背景用来做透明用的
  --arch-menu-bg: #ffffff;
  // 菜单悬浮背景
  --left-hover-bg: #80e7e6;
  // 菜单选中背景
  --left-select-bg: #58dbda;
  // 右侧导航背景
  --right-top-bg: #ffffff;
  // 右侧上方文字颜色
  --right-top-color: #000000;
  // 右侧下方背景
  --right-bottom-bg: #f5f5f5;
}

// 亮色主题
body[sidebar-theme="white"] {
  --left-logo: url("@/assets/logo.png") no-repeat center center/cover;
  --left-bg: #ffffff;
  --left-color: #000000;
  --arch-menu-bg: #ffffff;
  --left-hover-bg: #80e7e6;
  --left-select-bg: #58dbda;
  --right-top-bg: #ffffff;
  --right-top-color: #000000;
  --right-bottom-bg: #f5f5f5;
}

// 暗色主题
body[sidebar-theme="dark"] {
  --left-logo: url("@/assets/logo-white.png") no-repeat center center/cover;
  --left-bg: #000000;
  --left-color: #ffffff;
  --arch-menu-bg: #000;
  --left-hover-bg: #041b79;
  --left-select-bg: #000d4d;
  --right-top-bg: #000000;
  --right-top-color: #ffffff;
  --right-bottom-bg: #f5f5f5;
}

// 图片科技主题
body[sidebar-theme="image_tech"] {
  --left-logo: url("@/assets/logo-white.png") no-repeat center center/cover;
  --left-bg: url("@/assets/bg_img.webp") no-repeat center center/cover;
  --left-color: #ffffff;
  --arch-menu-bg: transparent;
  --left-hover-bg: transparent;
  --left-select-bg: transparent;
  --right-top-bg: url("@/assets/bg_img.webp") no-repeat center center/cover;
  --right-top-color: #ffffff;
  --right-bottom-bg: #f5f5f5;
}

// 水清人静蓝色主题
body[sidebar-theme="blue"] {
  --left-logo: url("@/assets/logo.png") no-repeat center center/cover;
  --left-bg: linear-gradient(to bottom, #4AC4FF, #123DFF);
  --left-color: #ffffff;
  --arch-menu-bg: transparent;
  --left-hover-bg: #3486C4;
  --left-select-bg: #2A8DD8;
  --right-top-bg: url("@/assets/top_bg.png") no-repeat center center/cover;
  --right-top-color: #000000;
  --right-bottom-bg: #f5f5f5;
}

// 深蓝色主题
body[sidebar-theme="deep_blue"] {
  --left-logo: url("@/assets/logo-white.png") no-repeat center center/cover;
  --left-bg: #004CD3;
  --left-color: #ffffff;
  --arch-menu-bg: transparent;
  --left-hover-bg: #3486C4;
  --left-select-bg: #2A8DD8;
  --right-top-bg: #004CD3;
  --right-top-color: #ffffff;
  --right-bottom-bg: #f5f5f5;
}


// 中国红主题
body[sidebar-theme="red"] {
  --left-logo: url("@/assets/logo-white.png") no-repeat center center/cover;
  --left-bg: url("@/assets/sjkth_bg.jpg") no-repeat center center/cover;
  --left-color: #ffffff;
  --arch-menu-bg: transparent;
  --left-hover-bg: transparent;
  --left-select-bg: transparent;
  --right-top-bg: url("@/assets/sjkth_bg.jpg") no-repeat center center/cover;
  --right-top-color: #ffffff;
  --right-bottom-bg: #f5f5f5;
}